<template>
	<div class="wrap">
		<img src="../../assets/image/logo.jpg"/>
		<span>
			<em>我的购物车</em>
			<i>></i>
			<em>确认订单信息</em>
			<i>></i>
			<em>订单提交成功</em>
		</span>
	</div>
</template>

<script>
	export default{
		name:"shopCarHeader",
		mounted(){
			$("em").on("click",function(){
				$("em").removeClass("highLight");
				$(this).addClass("highLight");
				switch($(this).text()){
					case "我的购物车":
					window.location.href="#/myshopCar";
					break;
					case "确认订单信息":
					window.location.href="#/orderIntro";
					break;
					case "订单提交成功":
					window.location.href="#/Ordersuccess";
				}
			})
		}
	}
</script>

<style scoped>
	.wrap{
		width: 1280px;
		margin: 30px auto;
	}
	.wrap span{
		float:right;
		line-height: 80px;
	}
	.wrap>span em,.wrap>span i{
		font-style: normal;
		margin-left: 20px;
		cursor: pointer;
	}
	.highLight{
		color: #f08200;
	}
</style>